<template>
 <div class="container-wrapper" >
  <i class="iconfont icon-success1 tip"></i>
  <div class="tip-success">预约成功</div>
  <div @click="toVisit" class="tip-see">查看预约</div>
  <div  @click="toIndex" class="tip-back">返回访客预约页</div>
 </div>
</template>

<script>
export default {
  name: "Index",
  data() {
    return {};
  },
  methods: {
      toVisit(){
          this.$router.push({
              path:"/detail"
          })
      },
      toIndex(){
          this.$router.push({
              path:"/index"
          })
      }
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.container-wrapper{
    position: relative;
    top: 100px;
}
.tip-success {
  position: relative;
 
  text-align: center;
  margin-top: 10px;
  font-size: 16px;
}

.tip-see {
  position: relative;
  text-align: center;
  margin-top: 10px;
  font-size: 12px;
  color: rgb(61, 136, 248);
}
.tip-back {
  position: relative;
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
   color: rgb(61, 136, 248);
}
.tip{
    position: relative;
    font-size: 40px;
    color: rgb(61, 136, 248);
    text-align: center;
    margin-top: 60px;
    left: 50%;
    margin-left: -20px;
}
</style>
